<!doctype html>
<!--[if lt IE 7]> <html class="ie-6" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="ie-7" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="ie-8" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Forza GT-3</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link href="css/quake.slider.css" rel="stylesheet" type="text/css" />
<link href="css/quake.skin.css" rel="stylesheet" type="text/css" />
<link href="css/colorbox.css" rel="stylesheet" type="text/css" />

<!--[if lt IE 9]>
<script src="js/html5shiv-printshiv.js"></script>
<style type="text/css">
#series {
	padding: 8px 0 5px 180px;
	overflow:hidden;
}
.shadow {
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=150, Color='#000000',PixelRadius=2)"; 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=150, Color='#000000',PixelRadius=2); 
}
</style>

<![endif]-->

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', '']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

</head>

<body>
	<!-- Header -->
<header>
	<div class="container">
    	<div id="logo"> 
        	<a href="index.php"><img src="images/Forza-GT3-Logo.png" alt="Forza-GT3" /></a>
        </div>
        <div id="right">
        	<div id="lang">
            	<img src="images/en.png" alt="English" /><a href="#">ENG</a> <img src="images/ina.png" alt="Indonesia" /> <a href="#">INA</a> 
        	</div>
            <div id="subscribe">
            	<span class="text">Subscribe</span>
                <span class="form">
                <form id="newsletter" name="newsletter">
                	<input type="text" name="newsletter" value="Enter your email" />
                </form>
                </span>
                <span style="font-size:11px; float:right;">Get latest news and events information</span>
            </div>
        </div>
	</div>
</header>
	<nav>
    	<div class="container">
        <ul>
            <li class="active"><a href="#">HOME</a></li>
            <li><a href="#">ABOUT US</a></li>
            <li><a href="#">SERIES</a></li>
            <li><a href="#">NEWS</a></li>  
            <li><a href="#">EVENTS</a></li>
            <li><a href="#">GALLERY</a></li> 
            <li><a href="#">CONTACT US</a></li>
         </ul>
         </div>
   </nav>
   <div id="series" class="shadow">
   	<div class="container">
    	<img src="images/ina-series.png" alt="Indonesia" /> <a href="#">Indonesia Series I</a> 
        <img src="images/may-series.png" alt="Malaysia" /> <a href="#">Malaysia</a> 
        <img src="images/hk-series.png" alt="Hong Kong" /> <a href="#">Hong Kong </a> 
     	<img src="images/mc-series.png" alt="Macau" /> <a href="#">Macau</a>
     </div>
   </div>
   <!-- End Header -->
 
<!-- Content -->
<div id="content">
	<div class="container">
 		<!-- Left area -->
   	   <div class="leftarea">
			<div class="redbg header shadow">88 | FREDDY SETIAWAN</div>
            <div class="profile">
           	  <a href="#specdetails1" class="specs"><img src="images/btn-specs.png" alt="specs" /></a>               
                <div style="display:none;">
                    <div id='specdetails1' class="specsdetails" >
                        <h3>Ferrari F430 Evolution GT3</h3>
                        <div class="text">
						<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left">
                        	<tr>
                            	<td valign="top">
                                	<div class="catheading">Engine </div>
                                    90° V8 <br />
                                    DOHC <br />
                                    4 valves per cylinder <br />
                                    Race power approx: 550 hp at 8500 rpm <br />
                                    Max torque approx: 465 Nm at 4300 rpm <br />
                                    Displacement: 4497 ccm <br />
                                    Bore x stroke: 92 x 81 mm <br />
                                    Power/weight ratio: 2,3 kg/hp <br />
                                    Fuel tank capacity: 114 <br />
                                </td>
                                <td>
                                	<div class="catheading">Transmission </div>
                                    90° V8 <br />
                                    DOHC <br />
                                    4 valves per cylinder <br />
                                    Race power approx: 550 hp at 8500 rpm <br />
                                    Max torque approx: 465 Nm at 4300 rpm <br />
                                    Displacement: 4497 ccm <br />
                                    Bore x stroke: 92 x 81 mm <br />
                                    Power/weight ratio: 2,3 kg/hp <br />
                                    Fuel tank capacity: 114 <br />
                                    <br />
                                    <div class="catheading">Braking System </div>
                                    90° V8 <br />
                                    DOHC <br />
                                    <br />
                                </td>
                            </tr>
                        </table>
                        </div>
                    </div>
				</div>
            	<img src="images/profile.jpg" alt="profile" />
                <div class="text">
                	<img src="images/ina-series.png" alt="Indonesia" />Indonesia
                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                    	<tr>
                        	<td class="odd">Team</td>
                            <td>Auto One Racing</td>
                        </tr>
                        <tr>
                        	<td class="odd">Standing</td>
                            <td>01</td>
                        </tr>
                        <tr>
                        	<td class="odd">Points</td>
                            <td>1000</td>
                        </tr>
                        <tr>
                        	<td class="odd">Car</td>
                            <td>Ferrari F430 Evolution <br>
GT3</td>
                        </tr>
                    </table>
                </div>
                <img src="images/car.png" alt="car" align="left" style="margin-top:35px;" />
            </div>                  
            <div class="redbg header shadow">88 | FREDDY SETIAWAN</div>
            <div class="profile">
           	  <a href="#specdetails1" class="specs"><img src="images/btn-specs.png" alt="specs" /></a>               
                <div style="display:none;">
                    <div id='specdetails1' class="specsdetails" >
                        <h3>Ferrari F430 Evolution GT3</h3>
                        <div class="text">
						<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left">
                        	<tr>
                            	<td valign="top">
                                	<div class="catheading">Engine </div>
                                    90° V8 <br />
                                    DOHC <br />
                                    4 valves per cylinder <br />
                                    Race power approx: 550 hp at 8500 rpm <br />
                                    Max torque approx: 465 Nm at 4300 rpm <br />
                                    Displacement: 4497 ccm <br />
                                    Bore x stroke: 92 x 81 mm <br />
                                    Power/weight ratio: 2,3 kg/hp <br />
                                    Fuel tank capacity: 114 <br />
                                </td>
                                <td>
                                	<div class="catheading">Transmission </div>
                                    90° V8 <br />
                                    DOHC <br />
                                    4 valves per cylinder <br />
                                    Race power approx: 550 hp at 8500 rpm <br />
                                    Max torque approx: 465 Nm at 4300 rpm <br />
                                    Displacement: 4497 ccm <br />
                                    Bore x stroke: 92 x 81 mm <br />
                                    Power/weight ratio: 2,3 kg/hp <br />
                                    Fuel tank capacity: 114 <br />
                                    <br />
                                    <div class="catheading">Braking System </div>
                                    90° V8 <br />
                                    DOHC <br />
                                    <br />
                                </td>
                            </tr>
                        </table>
                        </div>
                    </div>
				</div>
            	<img src="images/profile.jpg" alt="profile" />
                <div class="text">
                	<img src="images/ina-series.png" alt="Indonesia" />Indonesia
                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                    	<tr>
                        	<td class="odd">Team</td>
                            <td>Auto One Racing</td>
                        </tr>
                        <tr>
                        	<td class="odd">Standing</td>
                            <td>01</td>
                        </tr>
                        <tr>
                        	<td class="odd">Points</td>
                            <td>1000</td>
                        </tr>
                        <tr>
                        	<td class="odd">Car</td>
                            <td>Ferrari F430 Evolution <br>
GT3</td>
                        </tr>
                    </table>
                </div>
                <img src="images/car.png" alt="car" align="left" style="margin-top:35px;" />
            </div> 
            <div class="redbg header shadow">88 | FREDDY SETIAWAN</div>
            <div class="profile">
           	  <a href="#specdetails1" class="specs"><img src="images/btn-specs.png" alt="specs" /></a>               
                <div style="display:none;">
                    <div id='specdetails1' class="specsdetails" >
                        <h3>Ferrari F430 Evolution GT3</h3>
                        <div class="text">
						<table width="100%" border="0" cellpadding="0" cellspacing="0" align="left">
                        	<tr>
                            	<td valign="top">
                                	<div class="catheading">Engine </div>
                                    90° V8 <br />
                                    DOHC <br />
                                    4 valves per cylinder <br />
                                    Race power approx: 550 hp at 8500 rpm <br />
                                    Max torque approx: 465 Nm at 4300 rpm <br />
                                    Displacement: 4497 ccm <br />
                                    Bore x stroke: 92 x 81 mm <br />
                                    Power/weight ratio: 2,3 kg/hp <br />
                                    Fuel tank capacity: 114 <br />
                                </td>
                                <td>
                                	<div class="catheading">Transmission </div>
                                    90° V8 <br />
                                    DOHC <br />
                                    4 valves per cylinder <br />
                                    Race power approx: 550 hp at 8500 rpm <br />
                                    Max torque approx: 465 Nm at 4300 rpm <br />
                                    Displacement: 4497 ccm <br />
                                    Bore x stroke: 92 x 81 mm <br />
                                    Power/weight ratio: 2,3 kg/hp <br />
                                    Fuel tank capacity: 114 <br />
                                    <br />
                                    <div class="catheading">Braking System </div>
                                    90° V8 <br />
                                    DOHC <br />
                                    <br />
                                </td>
                            </tr>
                        </table>
                        </div>
                    </div>
				</div>
            	<img src="images/profile.jpg" alt="profile" />
                <div class="text">
                	<img src="images/ina-series.png" alt="Indonesia" />Indonesia
                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                    	<tr>
                        	<td class="odd">Team</td>
                            <td>Auto One Racing</td>
                        </tr>
                        <tr>
                        	<td class="odd">Standing</td>
                            <td>01</td>
                        </tr>
                        <tr>
                        	<td class="odd">Points</td>
                            <td>1000</td>
                        </tr>
                        <tr>
                        	<td class="odd">Car</td>
                            <td>Ferrari F430 Evolution <br>
GT3</td>
                        </tr>
                    </table>
                </div>
                <img src="images/car.png" alt="car" align="left" style="margin-top:35px;" />
            </div>                   
      </div>
       
       <!-- Right area -->
       <div class="rightarea">
       		<div id="upcomingrace">
       	    	<div class="yellowbg header shadow">
                	UPCOMING RACE                    
                    <span class="more">
               	  		<a href="#">List</a>
                    </span>                           
                </div>
                <div class="greystripbg">
                	<img src="images/ina-series.png" alt="Indonesia" style="float:left" /> <span style="font-size:18px;clear:right;">INDONESIA</span><br />
					<div style="clear:both">SENTUL INTERNATIONAL CIRCUIT </div>
                    <div style="font-size: 14px;">20 - 21 NOVEMBER 2012</div>
                </div>
                <div class="blackbg" style="font-weight:bold;padding-bottom: 15px;height:35px;">
                	Qualifying Race	<span style="float:right">SAT, 08:00</span><br />
                    Championship Race <span style="float:right">SUN, 10:00</span>
                </div>
            </div>
            <div id="gallery">
            	<div class="yellowbg header">
                	GALLERY
                    <span class="more">
               	  		<a href="#">More</a>
                    </span>                           
                </div>
               	<img src="images/gal.jpg" alt="Gallery" /> 
            </div>       
                  <div id="standings">
                    <div class="greybg header shadow">
                        STANDINGS
                        <span class="more">
                            <a href="#">More</a>
                        </span>                           
                    </div>
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <th scope="col"><img src="images/helm.png" alt="standings" /></th>
                        <th scope="col" align="left"><div align="left">DRIVERS</div></th>
                        <th scope="col">POINTS</th>
                      </tr>
                      <tr>
                        <td><div align="center"><img src="images/ina-series.png" width="30" height="20" alt="Indonesia"></div></td>
                        <td><div align="left">Freddy Setiawan</div></td>
                        <td><div align="center">1000</div></td>
                      </tr>
                      <tr>
                        <td><div align="center"><img src="images/ina-series.png" width="30" height="20" alt="Indonesia"></div></td>
                        <td><div align="left">Freddy Setiawan</div></td>
                        <td><div align="center">1000</div></td>
                      </tr>
                      <tr>
                        <td><div align="center"><img src="images/ina-series.png" width="30" height="20" alt="Indonesia"></div></td>
                        <td><div align="left">Freddy Setiawan</div></td>
                        <td><div align="center">1000</div></td>
                      </tr>
                      <tr>
                        <td><div align="center"><img src="images/ina-series.png" width="30" height="20" alt="Indonesia"></div></td>
                        <td><div align="left">Freddy Setiawan</div></td>
                        <td><div align="center">1000</div></td>
                      </tr>
                      <tr>
                        <td><div align="center"><img src="images/ina-series.png" width="30" height="20" alt="Indonesia"></div></td>
                        <td><div align="left">Freddy Setiawan</div></td>
                        <td><div align="center">1000</div></td>
                      </tr>
                      <tr>
                        <td><div align="center"><img src="images/ina-series.png" width="30" height="20" alt="Indonesia"></div></td>
                        <td><div align="left">Freddy Setiawan</div></td>
                        <td><div align="center">1000</div></td>
                      </tr>
                      <tr>
                        <td><div align="center"><img src="images/ina-series.png" width="30" height="20" alt="Indonesia"></div></td>
                        <td><div align="left">Freddy Setiawan</div></td>
                        <td><div align="center">1000</div></td>
                      </tr>
                      <tr>
                        <td><div align="center"><img src="images/ina-series.png" width="30" height="20" alt="Indonesia"></div></td>
                        <td><div align="left">Freddy Setiawan</div></td>
                        <td><div align="center">1000</div></td>
                      </tr>
                      <tr>
                        <td><div align="center"><img src="images/ina-series.png" width="30" height="20" alt="Indonesia"></div></td>
                        <td><div align="left">Freddy Setiawan</div></td>
                        <td><div align="center">1000</div></td>
                      </tr>
                      <tr>
                        <td><div align="center"><img src="images/ina-series.png" width="30" height="20" alt="Indonesia"></div></td>
                        <td><div align="left">Freddy Setiawan</div></td>
                        <td><div align="center">1000</div></td>
                      </tr>
                    </table>    
                </div>     
       </div>
	</div>       
</div>
	
   <!-- End Content -->
<!-- Footer -->
<footer>
	<div class="container">
    	<div id="partners">
			<img src="images/partners-caption.png" alt="partners" />
            <img src="images/achilles-logo.png" alt="Achilles Partners" class="logo" />
            <img src="images/indosurya-logo.png" alt="Indosurya Partners" class="logo" />
            <img src="images/shellhelix-logo.png" alt="Shell Helix Partners" class="logo" />
   		</div>
   		<div id="copyright">
        &copy; Copyright <img src="images/Forza-GT3-Logo.png" alt="Forza-GT3" width="103" /> 2012
        </div>
        <div id="followus">
        	<span style="float:left;margin:5px 5px;">FOLLOW US </span>
            <span style="float:right"><a href="#"><img src="images/facebook.gif" alt="Forza Facebook" /></a> <a href="#"><img src="images/twitter.gif" alt="Forza Facebook" /></a> <a href="#"><img src="images/email.gif" alt="Forza Facebook" /></a></span>
        </div>
	</div>
</footer>
<!-- End Footer -->

<!-- Script -->
	<script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/jmenu.js"></script>
    <script type="text/javascript">
	    $(document).ready(function(){
			$("#jMenu").jmenu();
		  })
	</script>
    <script src="js/quake.slider.js" type="text/javascript"></script>
    <script src="js/jquery.colorbox.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.quake-slider').quake({
                thumbnails: true,
                animationSpeed: 500,                
                navPlacement: 'inside',
                navAlwaysVisible: true,
                captionOpacity: '0.8',
                effects: ['swirlFadeOutRotateFancy'],
				captionOrientations: ['bottom']
            });
			$('.specs').colorbox({inline:true, width:"50%"});   
        });
    </script>
    
    <script type="text/javascript">
		
	</script>
</body>
</html>
